/**
 *  前端Vue 项目解决跨域问题:
 * 在vue 中使用proxy进行跨域的原理是：将域名发送给本地的服务器（启动vue项目的服务,loclahost:8080），
 * 再由本地的服务器去请求真正的服务器
 * @type {{}}
 */

let proxyObj = {};

// 代理对象
proxyObj['/api'] = {
  // websocket
  ws: false,
  // 目标请求地址, 后端真实的地址
  target: 'http://localhost:8081/',
  // 发送请求头host会被设置target
  changeOrigin: true,
  /**
   *  重写路径, 当在浏览器中看到的请求地址是 http://localhost:8081/api/login 时,
   *  实际上请求的地址是  http://localhost:8081/login, 原因就是重写了路径
   */
  pathRewrite: {
    '^/api': ''
  }
};

/**
 *  将配置信息导出
 * @type {{devServer : {proxy : {}, port : number, host : string}}}
 */
module.exports = {
  devServer: {
    host: "localhost",
    port: 8080,   /*前端项目启动端口*/
    proxy: proxyObj
  }
};
